<template>
    <div class="mainContent">
        <img src="../assets/底部图片.png" class="img" style="height:100%;width:100%;">
        <span class="title">{{ title }}</span>
    </div>
</template>

<script>
export default {
    props:{
        title:{ 
            type: String,
            default: '设计demo'
        }
    },
    data(){
        return {
            
        }
    },
    methods:{

    },
}

</script>
<style scoped>
    .mainContents{
        width: 100%;
        height: 100%;
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .title{
        color: white;
        position: relative;
        bottom: 0.23rem;
        font-size: 0.13rem;
    }
</style>